<template>
    <div :class="className">
        由【比邻比利】提供技术支持
    </div>
</template>

<script>
export default {
    name: 'Footer',
    props: {
        noBackground: {
            type: Boolean,
            default: false,
        },
        isHaveBar: {
            type: Boolean,
            default: false,
        },
        mode: {
            type: String,
            default: ''
        },
    },
    computed: {
        className() {
            const { noBackground, mode, isHaveBar } = this.$props;
            return `tech-footer ${noBackground ? 'no-background' : ''} ${mode} ${isHaveBar ? 'have-bar' : ''}`;
        },
    },
    data() {
        return {
            count: 0,
        };
    },
};
</script>

<style lang="less" scoped>
    .tech-footer {
        min-height: 100px;
        .flex-column-center();
        color: @gray;
        background-color: @background-color;
        &.no-background {
            background-color: transparent;
        }
        &.black {
            background-color: #000;
            color: #7D7D83;
        }
        &.have-bar {
            .p-b(@gap * 5);
        }
        .font-size-sm();
    }
</style>

